<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script>
        $(function(){
            $("#btn").on("click",function(){
                //设置操作，默认返回的是jQuery对象
                $(this).css("background","red").css("font-size","30px").height(300).val("这是动态设置的");
            })
        })

        //链式编程的原理
        //构造函数(类)
        function Person(age,name){
            this.age = age;
            this.name = name;

            //如果一个函数没有返回值，那么默认返回：undefined
            //如果一个函数有return语句，但是return语句后面什么都没有，那么函数的返回值还是undefined
            this.sayHello = function(){
                alert("我的名字 : " + name);
                return;
            }
            this.sayAge = function () {
                alert("我的年龄 : " + age);
                return this;
            }
        }

        var p = new Person(19,"Tom");
        console.log(p.sayHello());
        console.log(p.sayAge());
    </script>
</head>
<body>
   <!--<button id="btn" >按钮</button>-->
  <input type="button" id="btn" value="按钮">
</body>
</html>